<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable= no,target-densitydpi =medium-dpi">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" href="/common/styles/base.css" />
    <link rel="stylesheet" href="/common/vendor/bootstrap-3.3.5/bootstrap.min.css" />
    <link rel="stylesheet" href="css/popup.css"/>
    <link rel="stylesheet" href="css/stockDetail.css" />
    <script src="/common/vendor/flexible-0.3.2/flexible.js"></script>
    <script type="text/javascript" src="/common/vendor/talkingdata/TalkingData.js"></script>
   <!--  <script src="http://160.6.73.97:8080/target/target-script-min.js#anonymous"></script> -->
    <script>
    document.title = decodeURIComponent(getUrlParameter('stockName')) + '交易分析';
    function getUrlParameter(paramName) {
        var reg = new RegExp("(^|&)" + paramName + "=([^&]*)(&|$)", "i"),
            arr = window.location.search.substr(1).match(reg);
        if (arr) {
            return arr[2];
        }
        return null;
    }
    </script>
</head>

<body>
    <!-- 蒙层loadiing页面 -->
    <div class="onput" id="onput">
        <!--加载中...-->
        <img src="/zlcftajax/guess-bull-bear/cash/images/loading.gif">
    </div>
    <header>
        <div class="panel panel-default">
            <div class="panel-body">
                <dd>选择日期:</dd>
                <dd>
                    <span>17/02/12 - 17/02/12</span>
                    <img src="images/arrow-0.png">
                </dd>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                    <!--  <li role="presentation" data-id='01' data-time="2017/03/02 - 2017/04/02">
                       <div>
                           <dd>近一个月</dd>
                           <dd>17/03/02 - 17/04/02</dd>
                       </div>
                   </li>
                   <li role="presentation" data-id='02' data-time='2017/01/02 - 2017/04/02'>
                       <div>
                           <dd>近三个月</dd>
                           <dd>17/01/02 - 17/04/02</dd>
                       </div>
                   </li>
                   <li role="presentation" data-id='02' data-time="2016/10/02 - 2017/04/02">
                       <div>
                           <dd>近半年</dd>
                           <dd>16/10/02 - 17/04/02</dd>
                       </div>
                   </li>
                   <li role="presentation" data-id='' data-time="">
                       <div>
                           <dd>自定义时间</dd>
                           <dd>可选择任意时间段</dd>
                       </div>
                   </li> -->
                </ul>
            </div>
        </div>
    </header>
    <div class="main">
        <section class='nav'>
        <!--    <h1>华泰证券 <div>融</div></h1>
                <h3>
         <small>盈亏金额</small>
         +2,020.00
         <small>+34.75%</small>
                </h3>
                <div class="rowNormal">
         <dl>
             <dd>持仓天数</dd>
             <dd>148</dd>
         </dl>
         <dl>
             <dd>操作周期</dd>
             <dd>3</dd>
         </dl>
                </div>
                <div class="rowNormal">
         <dl>
             <dd>交易次数</dd>
             <dd>2</dd>
         </dl>
         <dl>
             <dd>总买入均价</dd>
             <dd>20.40</dd>
         </dl>
                </div>  -->
        </section>
        <section class="canvasText">
            <h3>【我的操作分析】 <span>期间对华泰证券进行了3个周期的买卖操作，共交易12次</span>
            </h3>
            <div class="canvasClick">对比大盘</div>
            <div class="row">
                <div class="col-xs-4 changeVale">
                    华泰证券
                </div>
                <div class="col-xs-8">
                    <div class="row">
                        <dd class="col-xs-4"><img src="./images/square3.png">持仓周期</dd>
                        <dd class="col-xs-4"><img src="./images/arrow-4.png">买入点</dd>
                        <dd class="col-xs-4"><img src="./images/arrow-3.png">卖出点</dd>
                    </div>
                </div>
            </div>
        </section>
        <section class='k'>
            <div>
                <div id="canvas" class="kcanvas">
                    <div class="more-txt">滑动查看</div>
                    <div class="line l2">
                        <div class="test">
                            <p>2017/01/29</p>
                            <p>收盘价：22.58元</p>
                            <p>上证指数：3210.92</p>
                        </div>
                    </div>
                    <!-- <div id="max-min">
                       <div></div>
                       <div></div>
                     </div>  --> 
                     <div id="max"></div>
                     <div id="min"></div>
                </div>
                <div class="paddingDiv">
                    <div id="canvas2" class="kcanvas loading" data-value="上证指数">
                        <div class="line empty"><span class="circle"></span></div>
                        <div class="canvasBorder"></div>
                        <canvas></canvas>
                    </div>
                </div>
            </div>
            <!-- <a href="javascript:void(0)">对比大盘指数</a> -->
        </section>
        <section class="kList" data-text='在此期间内，暂无买卖操作'>
            <!--  <h3>期间，华泰证券共有3个操作周期，交易<span>12</span>次。</h3>
       <div class="container">
           <p>17/06/20 - 17/06/24</p>
           <div class="row">
               <div class="col-xs-4">买入均价</div>
               <div class="col-xs-4">交易数量</div>
               <div class="col-xs-4">卖出均价</div>
           </div>
           <div class="row">
               <div class="col-xs-4">24.06</div>
               <div class="col-xs-4">2000股</div>
               <div class="col-xs-4">30.27</div>
               <div class="col-xs-12">
                   <span>盈亏(元)</span>
                   <span>+938.07</span>
               </div>
           </div>
       </div>
       <div class="container">
           <p>17/06/20 - 17/06/24</p>
           <div class="row">
               <div class="col-xs-4">买入均价</div>
               <div class="col-xs-4">交易数量</div>
               <div class="col-xs-4">卖出均价</div>
           </div>
           <div class="row">
               <div class="col-xs-4">24.06</div>
               <div class="col-xs-4">2000股</div>
               <div class="col-xs-4">30.27</div>
               <div class="col-xs-12">
                   <span>盈亏(元)</span>
                   <span>+938.07</span>
               </div>
           </div>
       </div> -->
        </section>
        <footer>
            <span>【风险揭示】</span>由于时间跨度、手续费及分红、转增、配股到账时间等原因，可能导致本功能数据不准确。以上数据仅供参考，不作为您投资决策依据，最终以实际交割单为准。市场有风险，投资需谨慎。
        </footer>
    </div>
    <div class="foot">
      <span>【风险揭示】</span>由于时间跨度、手续费及分红、转增、配股到账时间等原因，可能导致本功能数据不准确。以上数据仅供参考，不作为您投资决策依据，最终以实际交割单为准。市场有风险，投资需谨慎。
    </div>
    <script data-main="js/stockDetail" src="/common/vendor/require-2.1.11/require.min.js"></script>
    <script type="text/template" id="headerJson">
        <%_.each(data,function(item,index){%>
            <li role="presentation" data-id="<%=item.flag%>" data-time="<%=item.startDateParam%> - <%=item.endDateParam%>" data-html='<%=item.startDate%> - <%=item.endDate%>'>
                <div>
                    <dd>
                        <%=item.name%>
                    </dd>
                    <dd>
                        <%=item.startDate%> -
                            <%=item.endDate%>
                    </dd>
                </div>
            </li>
            <%})%>
                <li role="presentation" data-id='' data-time="">
                    <div>
                        <dd>自定义时间</dd>
                        <dd>可选择任意时间段</dd>
                    </div>
                </li>
    </script>
    <script type="text/template" id="navJson">
        <h1><%=data.stockName%>
          <%if(data.rq==="true"){%>
          <div></div>
          <%}%>
        </h1>
        <h3>
        
            <small>盈亏金额</small>
            <%if(parseFloat(data.money)<0){%>
            <small id="down">
            <%}else if(data.money.indexOf('--')>=0){%>
            <small style='color:#4a4a4a4'>
            <%}else{ %>
            <small>
            <%}%>
            <%=data.money%></small>
             <%if(parseFloat(data.money)<0){%>
            <small id="down">
            <%}else{%>
            <small>
            <%}%>
            <%=data.percent%></small>
        </h3>
        <div class="rowNormal">
            <dl>
                <dd>持仓天数</dd>
                <dd>
                    <%=data.days%>
                </dd>
            </dl>
            <dl>
                <dd>持仓周期</dd>
                <dd>
                    <%=data.optCycle%>
                </dd>
            </dl>
        </div>
        <div class="rowNormal">
            <dl>
                <dd>交易次数</dd>
                <dd>
                    <%=data.tradeNum%>
                </dd>
            </dl>
            <dl>
                <dd>胜率</dd>
                <dd>
                    <%=data.winPercent%>
                </dd>
            </dl>
        </div>
    </script>
    <script type="text/template" id="tapList">
       <!--  <h3>在此期间内，<%=data.CodeName%>共有<%=data.totalNum%>个操作周期，交易<span><%=data.tradeNum%></span>次。</h3> -->
        <%
          var textInde = data.zlist.length;
          _.each(data.zlist,function(item,index){
        %>
            <div class="container <%=item.tradeNum!=='暂无交易'?'':'empty'%>" data-index=<%=textInde%> data-time='<%=item.startDate%> -
                        <%=item.endDate%>' data-statue='<%=!parseInt(item.tradeNum)%>'>
                <p> 
                    <span>周期 <%=textInde%></span>
                    <%=item.startDate.replace(/\//g,'.')%> -
                        <%=item.endDate.replace(/\//g,'.')%>
                </p>
                <%if(item.tradeNum=='暂无交易'){%>
                <div class="row">
                    <div class="col-xs-4">期初价格</div>
                    <div class="col-xs-4">期间有持仓</div>
                    <div class="col-xs-4">期末价格</div>
                </div>
                <%}else{%>
                <div class="row">
                    <div class="col-xs-4">买入均价</div>
                    <div class="col-xs-4">交易数量</div>
                    <div class="col-xs-4">卖出均价</div>
                </div>
                <%}%>
                <div class="row">
                    <div class="col-xs-4">
                        <%=item.avgBuy%>
                    </div>
                    <%if(item.tradeNum=='暂无交易'){%>
                    <div class="col-xs-4" style="color:#999;font-size: 13px">
                        <%=item.tradeNum%>
                    </div>
                    <%}else{%>
                    <div class="col-xs-4">
                        <%=item.tradeNum%>
                    </div>
                    <%}%>
                    <div class="col-xs-4">
                        <%=item.avgSell%>
                    </div>
                    <div class="col-xs-12">
                        <span>盈亏(<%=data.unitYuan%>)</span>
                        <%if(parseFloat(item.money,10)<0){%>
                            <span id="down">
                        <%}else if(item.money.indexOf('--')>=0){%>
                        <span style="color:#4a4a4a">
                        <%}else{%>
                        <span>
                        <%}%>
                        <%=item.money%>  
                        </span>
                    </div>
                </div>
            </div>
            <%
              textInde--;
          })%>
    </script>
</body>

</html>